<template>
    <div class="Advertisement">
        <div class="rexiao">
          <div class="rtuo"><img src="@/assets/img/e1.png" alt=""></div>
          <div class="lier">
            <div class="liers_h">
              <div><img src="@/assets/img/aa.png" alt=""></div>
              <div class="adasd">
                <h4>兰蔻粉水400ml 清滢柔肤水 补水保...</h4>
                <div class="a_be">我要竞猜</div>
              </div>
            </div>
          </div>
  
        </div>
    </div>
</template>
<script>
export default {
  name: 'Advertisement', 
}
</script>
<style scoped>
.rexiao {
  width: 200px;
  /* height: 1200px; */
  margin: 9px;
}
.rexiao .rtuo {
    width: 200px;
    height: 37px;
    margin-bottom: 10px
}
.rexiao .rtuo img{
    width: 200px;
    height: 33px;
}
.lier {
  width: 200px;
  /* height: 1500px; */
  text-align: center;
  	box-shadow: 0px 3px 9px 0px 
		rgba(65, 65, 65, 0.17);
}
.lier h4 {
  margin: 12px;
  padding-top: 12px;
}
.adasd {
    width: 200px;
	height: 100px;
    margin-top: -16px;
	background-color: #ffffff;

}
.liers_h {
  margin-bottom: 20px;
}
.liers_h img{
	width: 160px;
	height: 160px;
}
.adasd p {
  line-height: 20px;
}
.adasd .a_be {
    width: 108px;
	height: 30px;
	border-radius: 15px;
	border: solid 1px #f06048;
    font-family: SourceHanSansCN-Regular;
	font-size: 17px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 27px;
	letter-spacing: 0px;
	color: #f06048;
  margin: 14px auto;
}
.sidebar {
  width: 1200px;
  margin: 5px auto;
  background-color: #ffffff;
  display: flex;
  justify-content: space-between;
}
</style>